<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="keywords" content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel='icon' href='/favicon.ico' type='image/ico' />
  <meta name="csrf-token" content="{{ csrf_token() }}">

  <title>AdminX</title>

  <!--icheck-->
  <link href="/js/iCheck/skins/minimal/minimal.css" rel="stylesheet">
  <link href="/js/iCheck/skins/square/square.css" rel="stylesheet">
  <link href="/js/iCheck/skins/square/red.css" rel="stylesheet">
  <link href="/js/iCheck/skins/square/blue.css" rel="stylesheet">
  @section("_css")
  @show
  <!--dashboard calendar-->
  <link href="/css/clndr.css" rel="stylesheet">

  <!--Morris Chart CSS -->
  <link rel="stylesheet" href="/js/morris-chart/morris.css">

  <!--common-->
  <link href="/css/style.css" rel="stylesheet">
  <link href="/css/style-responsive.css" rel="stylesheet">




  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="/js/html5shiv.js"></script>
  <script src="/js/respond.min.js"></script>
  <![endif]-->
</head>

<body class="sticky-header">

<section>
  @include("layouts.admin_menu")
  <!-- main content start-->
  <div class="main-content" >
    <!-- header section start-->
    <div class="header-section">

      <!--toggle button start-->
      <a class="toggle-btn"><i class="fa fa-bars"></i></a>
      <!--toggle button end-->

      <!--search start-->
      <form class="searchform" action="index.html" method="post">
        <input type="text" class="form-control" name="keyword" placeholder="Search here..." />
      </form>
      <!--search end-->

      <!--notification menu start -->
      <div class="menu-right">
        <ul class="notification-menu">
          <li>
            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
              <i class="fa fa-tasks"></i>
              <span class="badge">8</span>
            </a>
            <div class="dropdown-menu dropdown-menu-head pull-right">
              <h5 class="title">You have 8 pending task</h5>
              <ul class="dropdown-list user-list">
                <li class="new">
                  <a href="#">
                    <div class="task-info">
                      <div>Database update</div>
                    </div>
                    <div class="progress progress-striped">
                      <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">
                        <span class="">40%</span>
                      </div>
                    </div>
                  </a>
                </li>
                <li class="new">
                  <a href="#">
                    <div class="task-info">
                      <div>Dashboard done</div>
                    </div>
                    <div class="progress progress-striped">
                      <div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" role="progressbar" class="progress-bar progress-bar-success">
                        <span class="">90%</span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div>Web Development</div>
                    </div>
                    <div class="progress progress-striped">
                      <div style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="66" role="progressbar" class="progress-bar progress-bar-info">
                        <span class="">66% </span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div>Mobile App</div>
                    </div>
                    <div class="progress progress-striped">
                      <div style="width: 33%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="33" role="progressbar" class="progress-bar progress-bar-danger">
                        <span class="">33% </span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div>Issues fixed</div>
                    </div>
                    <div class="progress progress-striped">
                      <div style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar">
                        <span class="">80% </span>
                      </div>
                    </div>
                  </a>
                </li>
                <li class="new"><a href="">See All Pending Task</a></li>
              </ul>
            </div>
          </li>
          <li>
            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
              <i class="fa fa-envelope-o"></i>
              <span class="badge">5</span>
            </a>
            <div class="dropdown-menu dropdown-menu-head pull-right">
              <h5 class="title">You have 5 Mails </h5>
              <ul class="dropdown-list normal-list">
                <li class="new">
                  <a href="">
                    <span class="thumb"><img src="/images/photos/user1.png" alt="" /></span>
                                        <span class="desc">
                                          <span class="name">John Doe <span class="badge badge-success">new</span></span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                  </a>
                </li>
                <li>
                  <a href="">
                    <span class="thumb"><img src="/images/photos/user2.png" alt="" /></span>
                                        <span class="desc">
                                          <span class="name">Jonathan Smith</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                  </a>
                </li>
                <li>
                  <a href="">
                    <span class="thumb"><img src="/images/photos/user3.png" alt="" /></span>
                                        <span class="desc">
                                          <span class="name">Jane Doe</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                  </a>
                </li>
                <li>
                  <a href="">
                    <span class="thumb"><img src="/images/photos/user4.png" alt="" /></span>
                                        <span class="desc">
                                          <span class="name">Mark Henry</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                  </a>
                </li>
                <li>
                  <a href="">
                    <span class="thumb"><img src="/images/photos/user5.png" alt="" /></span>
                                        <span class="desc">
                                          <span class="name">Jim Doe</span>
                                          <span class="msg">Lorem ipsum dolor sit amet...</span>
                                        </span>
                  </a>
                </li>
                <li class="new"><a href="">Read All Mails</a></li>
              </ul>
            </div>
          </li>
          <li>
            <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
              <i class="fa fa-bell-o"></i>
              <span class="badge">4</span>
            </a>
            <div class="dropdown-menu dropdown-menu-head pull-right">
              <h5 class="title">Notifications</h5>
              <ul class="dropdown-list normal-list">
                <li class="new">
                  <a href="">
                    <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                    <span class="name">Server #1 overloaded.  </span>
                    <em class="small">34 mins</em>
                  </a>
                </li>
                <li class="new">
                  <a href="">
                    <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                    <span class="name">Server #3 overloaded.  </span>
                    <em class="small">1 hrs</em>
                  </a>
                </li>
                <li class="new">
                  <a href="">
                    <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                    <span class="name">Server #5 overloaded.  </span>
                    <em class="small">4 hrs</em>
                  </a>
                </li>
                <li class="new">
                  <a href="">
                    <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                    <span class="name">Server #31 overloaded.  </span>
                    <em class="small">4 hrs</em>
                  </a>
                </li>
                <li class="new"><a href="">See All Notifications</a></li>
              </ul>
            </div>
          </li>
          <li>
            <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
              <img src="/images/photos/user-avatar.png" alt="" />
              John Doe
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
              <li><a href="#"><i class="fa fa-user"></i>  Profile</a></li>
              <li><a href="#"><i class="fa fa-cog"></i>  Settings</a></li>
              <li><a href="/Admin/Access/signout"><i class="fa fa-sign-out"></i> Log Out</a></li>
            </ul>
          </li>

        </ul>
      </div>
      <!--notification menu end -->

    </div>
    <!-- header section end-->
    @section("main_content")
    @show
    <!--footer section start-->
    <footer>
      2014 &copy; AdminEx by ThemeBucket
    </footer>
    <!--footer section end-->


  </div>
  <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="/js/jquery-1.10.2.min.js"></script>
<script src="/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="/js/jquery-migrate-1.2.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/modernizr.min.js"></script>
<script src="/js/jquery.nicescroll.js"></script>

<!--easy pie chart-->
<script src="/js/easypiechart/jquery.easypiechart.js"></script>
<script src="/js/easypiechart/easypiechart-init.js"></script>

<!--Sparkline Chart-->
<script src="/js/sparkline/jquery.sparkline.js"></script>
<script src="/js/sparkline/sparkline-init.js"></script>

<!--icheck -->
<script src="/js/iCheck/jquery.icheck.js"></script>
<script src="/js/icheck-init.js"></script>

<!-- jQuery Flot Chart-->
<script src="/js/flot-chart/jquery.flot.js"></script>
<script src="/js/flot-chart/jquery.flot.tooltip.js"></script>
<script src="/js/flot-chart/jquery.flot.resize.js"></script>


<!--Morris Chart-->
<script src="/js/morris-chart/morris.js"></script>
<script src="/js/morris-chart/raphael-min.js"></script>

<!--Calendar-->
<script src="/js/calendar/clndr.js"></script>
<script src="/js/calendar/evnt.calendar.init.js"></script>
<script src="/js/calendar/moment-2.2.1.js"></script>
<script src="//cdn.bootcss.com/underscore.js/1.8.3/underscore-min.js"></script>

<!--common scripts for all pages-->
<script src="/js/scripts.js"></script>

<!--Dashboard Charts-->
<script src="/js/dashboard-chart-init.js"></script>
@section("_js")
@show

</body>
</html>
